<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/移动端01.css"/>
		<style type="text/css">
			/*body,html,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,p{margin:0;padding:0;}
			html,body{font-size: calc(100vw/7.5);background: #efeff4;}
			a{text-decoration: none;}
			li{list-style: none;}
			.info{height: 1.5rem;background: white;display: flex;align-items: center;justify-content:space-between;border-bottom: 1px solid #f3f3f3;}
		    .info .a img{width:1.02rem;height:1.04rem;display: block;margin-left: 0.34rem;margin-right: 0.18rem;} 
		    .info .a{font-size: 0.39rem;font-weight: 600;display: flex;align-items: center;height: 1.5rem;}
		    .info .b img{width:0.35rem;height:0.31rem;margin-right: 0.63rem;}
		    .info .b{height: 1.5rem;}
		    .nav ul{display: flex;background: white;height: 1.36rem;}
		    .nav ul li{width: 25%;text-align: center;font-size: 0.22rem;}
		    .nav ul li img{width: 0.38rem;height: 0.38rem;margin-top: 0.23rem;margin-bottom:0.21rem;}
		    .box{margin-top: 0.18rem;height: 1.5rem;background: white;}
		    .box ul{padding-left: 0.33rem;box-sizing: border-box;}
		    .box ul li{display: flex;border-bottom: 1px solid #f4f4f8;height:0.75rem;box-sizing: border-box;font-size: 0.26rem;justify-content:space-between;align-items: center;}
		    .box ul li img{width: 0.28rem;height: 0.25rem;vertical-align: middle;margin-right:0.08rem;}
		   .box ul li .li-a{width:0.75rem;height: 0.32rem;}
		   .footer{display: flex;align-content:;position: fixed;bottom: 0;height: 1rem;align-items: center;width: 100%;background: #ffffff;}
		    .footer img:nth-child(1){width: 0.48rem;height:0.75rem;}
		    .footer img:nth-child(2){width: 0.44rem;height: 0.75rem;}
		    .footer img:nth-child(3){width:0.59rem ;height:0.75rem;}
		    .footer img:nth-child(4){width: 0.44rem;height:0.75rem;}
		     .footer div{width: 25%;text-align: center;height: 1rem;line-height: 1rem;}*/
		</style>
	</head>
	<body>
		<div class="info">
			<div class="a"><img src="img/我的/我的_03.jpg"/><span>游客</span></div>
			<div class="b"><img src="img/我的/我的_06.jpg"/></div>
		</div>
		<div class="nav">
			<ul>
				<li><img src="img/我的/我的_11.jpg"/>
				<p>订单管理</p>
				</li>
				<li><img src="img/我的/我的_13.jpg"/>
				<p>订单管理</p>
				</li>
				<li><img src="img/我的/我的_15.jpg"/>
				<p>订单管理</p>
				</li>
				<li><img src="img/我的/我的_11.jpg"/>
				<p>订单管理</p>
				</li>
			</ul>
		</div>
		<div class="box">
			<ul>
				<li>
					<div>余额</div>
					<div style="margin-right: 0.24rem;line-height: 0.75rem;height: 0.75rem;display: flex;align-items: center;"><img src="img/我的/我的_23.jpg"/>0></div>
				</li>
				<li>
					<div>优惠券</div>
					<div style="margin-right: 0.24rem;line-height: 0.75rem;height: 0.75rem;display: flex;align-items: center;">0></div>
				</li>
			</ul>
		</div>
		
		<div class="box">
			<ul>
				<li>
					<div>好课一折秒</div>
					<div style="margin-right: 0.24rem;line-height: 0.75rem;height: 0.75rem;display: flex;align-items: center;"><img src="img/我的/我的_27.jpg" class="li-a"/>></div>
				</li>
				<li>
					<div>4G免流量上课</div>
					<div style="margin-right: 0.24rem;line-height: 0.75rem;height: 0.75rem;display: flex;align-items: center;">></div>
				</li>
			</ul>
		</div>
		
		<div class="box" style="margin-bottom: 3rem;">
			<ul>
				<li>
					<div>反馈建议</div>
					<div style="margin-right: 0.24rem;line-height: 0.75rem;height: 0.75rem;display: flex;align-items: center;">></div>
				</li>
				<li>
					<div>设置</div>
					<div style="margin-right: 0.24rem;line-height: 0.75rem;height: 0.75rem;display: flex;align-items: center;">></div>
				</li>
			</ul>
		</div>
		<div class="footer">
				<div><img src="img/我的/我的_31.jpg"/></div>
				<div><img src="img/移动/home_17.jpg"/></div>
				<div><img src="img/移动/home_19.jpg"/></div>
				<div><img src="img/我的/我的_34.jpg"/></div>
			</div>
	</body>
</html>
